<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
         <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Confirmar Compra" />
            <ui:define name="body">
                <rich:simpleTogglePanel id="stpEdicion" opened="true" >
                    <f:facet name="header" >
                        Confirmar Compra
                    </f:facet>
                    <a4j:form>
                        <rich:panel>
                            <h:outputLabel value="Revisa detenidamente la información mostrada aquí y a continuación haz click en el botón 'Pagar'."/>
                            <h:outputLabel value="#{CarritoBean.valorTotal}"/>
                        </rich:panel>
                        <rich:extendedDataTable id="tblMuebles" height="200px" value="#{CarritoBean.allArticulos}" var="cr">
                            <rich:column>
                                <f:facet name="header">
                                    Nombre
                                </f:facet>
                                #{cr.nombreMueble}
                            </rich:column>
                            <rich:column width="250">
                                 <f:facet name="header">
                                    Cantidad
                                </f:facet>
                                #{cr.cantidad}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Precio Unitario
                                </f:facet>
                                #{cr.valor}
                            </rich:column>
                        </rich:extendedDataTable>
                        <h:panelGrid >
                            <h:outputLabel value="Es necesario Iniciar Sesión para realizar la compra"/>
                            <h:outputLabel value=""/>
                            <h:outputLabel value="Nombre Usuario" />
                            <h:inputText value="#{SecurityBean.username}" />
                            <h:outputLabel value="Contraseña" />
                            <h:inputSecret value="#{SecurityBean.pwd}" />
                            <h:outputLabel value=""/>
                            <a4j:commandLink value="Nuevo Cliente" action="cliente"/>
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                            <a4j:commandButton value="Ingresar" action="#{SecurityBean.login2}" />
                            <a4j:commandButton value="Cancelar" action="cancelar"/>
                        </h:panelGrid>
                       
                    </a4j:form>
                </rich:simpleTogglePanel>
            </ui:define>
        </ui:composition>
    </body>
</html>

